<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>书籍信息</title>
    <link th:href="@{/css/style.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/style2.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/button.css}" type="text/css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" th:href="@{/css/xuanfu.css}">
</head>
<body>
<div th:include="header :: headname"></div>
<table th:border="1" th:cellspacing="0" th:cellpadding="0" class="ll">
    <caption class="x">图书信息表</caption>
    <tr align="center">
        <td>编号</td>
        <td>ISBN号</td>
        <td>书名</td>
        <td>作者</td>
        <td>进货日期</td>
        <td>库存量</td>
        <td>价格</td>
        <td>购买</td>
    </tr>
    <tr class="ll" th:each="book,Stat:${list}" align="center">
        <td th:text="${Stat.count}"></td>
        <td th:text="${book.id}"></td>
        <td th:text="${book.bookname}"></td>
        <td th:text="${book.writer}"></td>
        <td th:text="${book.dt}"></td>
        <td th:text="${book.sum}"></td>
        <td th:text="${book.price}"></td>
        <td><a th:href="@{'/gmts?text1='+${book.id}}">购买图书</a></td>
    </tr>
</table>
<div style="font-size: 20px; margin-left: 1000px">
    共[[${maxPage}]] 页，
    [[${totalCount}]]条记录
</div>
<div align="center" style="font-size: 25px">
    <a th:href="@{/info?pageNumber=1}">首页</a>
    <a th:href="@{'/info?pageNumber='+${stpage-10}}">上一页</a>
    <a th:href="@{'/info?pageNumber='+${stpage+10}}">下一页</a>
</div>

<div id="light" class="white_content2">
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';
    document.getElementById('fade').style.display='none'">关闭</a>
    </br>
    <form action="tuihuo" method="post">
        <h1>退货:</h1>
        <div class="login">
            <p><label>
                <input type="text" name="text2" class="text" placeholder="书籍ISBN号" required>
            </label></p><p>
            <label>
                <input type="text" name="text3" class="text" placeholder="书名" required>
            </label></p><p>
            <label>
                <input type="text" name="text1" class="text" placeholder="退货数量" required>
            </label></p><p>
            <label>
                <textarea class="text1" name="text4" placeholder="退货原因...." rows="5" cols="40"></textarea>
                <br/>
            </label><br>
            <input type="submit" class="button2" value="确定退货"><br>
        </div>
    </form>
</div>
<div id="light1" class="white_content1">
    <a href="javascript:void(0)" onclick="document.getElementById('light1').style.display='none';
    document.getElementById('fade1').style.display='none'">关闭</a>
    </br>
    <form action="tjcg" method="post">
        <h1>添加图书:</h1>
        <div class="login">
            <p><label>
                <input type="text" name="text1" class="text" placeholder="书籍ID" required>
            </label></p><p>
            <label>
                <input type="text" name="text2" class="text" placeholder="书名" required>
            </label></p><p>
            <label>
                <input type="text" name="text3" class="text" placeholder="供应商" required>
            </label></p><p>
            <label>
                <input type="text" name="text4" class="text" placeholder="供应商价格"required>
            </label></p><p>
            <label>
                <input type="text" name="text5" class="text" placeholder="进货量"required>
            </label></p><p>
            <label>
                <input type="text" name="text6" class="text" placeholder="进货日期"required>
            </label></p><p>
            <label>
                <input type="text" name="text7" class="text" placeholder="作者"required>
            </label></p><p>
            <label>
                <input type="text" name="text8" class="text" placeholder="售价"required>
            </label></p><p>
            <input type="submit" class="button2" value="提交"><br>
        </div>
    </form>
</div>
<div id="fade1" class="black_overlay"></div>
<div id="fade" class="black_overlay"></div>
</body>
</html>